<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="{{ site.keyword }}">
  <meta name="description" content='{{ site.description }}'>
  <meta name="robots" content="all">
  <meta property="og:type" content="{{ page.layout }}" />
  {%- if page.post.title -%}
  {%- assign og-title = page.post.title -%}
  {%- elsif page.media.title -%}
  {%- assign og-title = page.media.title -%}
  {%- elsif page.title -%}
  {%- assign og-title = page.title -%}  
  {%- else -%}
  {%- assign og-title = site.sub_title -%}
  {%- endif -%}
  {%- assign og-title = og-title | append:' | ' | append:site.title -%}
  <meta property="og:title" content="{{ og-title }}" />
  <meta property="og:image" content='{{ site.url }}{{ "/assets" | append: site.avatar }}' />
  <meta property="og:type" content="article">
  <meta property="og:description" content="{{ page.excerpt | strip_html | truncate:200 }}">
  {%- if page.date -%}
  <meta property="article:published_time" content='{{ page.date | date: "%Y-%m-%dT%H:%M:%SZ" }}'>
  {%- endif -%}
  <meta property="article:author" content="{{ site.author }}">
  {%- assign head-img = page.head-img -%}
  {%- include component/head-img.html -%}    
  <meta property="og:image" content="{%- if head-image -%}{{ head-image }}{%- else -%}{%- assign head-image = site.avatar | prepend:'/assets' | prepend: site.url -%}{%- endif -%}" >
  <meta property="og:url" content="{{ site.url }}{{ page.url }}">
  {%- for tag in page.tags -%}
  <meta property="article:tag" content="{{ tag }}">
  {%- endfor -%}
  <meta property="og:site_name" content="{{ site.sub_title | append: site.title }}" />
  <meta name="baidu-site-verification" content= "{{ site.baidu_site_verification }}" />
  <meta name="google-site-verification" content="{{ site.google_site_verification }}" />
  <title>{{ og-title }}</title>
  <!-- Favicon -->
  <link rel="shortcut icon" href="{{ '/assets/img/favicon.ico' | relative_url }}">
  <!-- Custom CSS -->
  <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
  <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ /feed.xml | relative_url }}">
  {%- feed_meta -%}
  {%- if jekyll.environment == 'production' and site.google_analytics -%}
  {%- include google-analytics.html -%}
  {%- endif -%}
  <!-- <script data-ad-client="ca-pub-1900429580469964" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/font-awesome/5.11.2/js/all.min.js"></script>
</head>